<template>
    <view :style="themeColor">
        <view class="page" >
    <view class="flex flex-wrap align-center justify-between benben-position-layout flex rebatePurchase_flex_0"    :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
            <view   class='flex flex-wrap align-center rebatePurchase_fd0_0'   @tap.stop="handleJumpDiy" data-type="back" data-url="1"   >
        <image class='rebatePurchase_fd0_0_c0'  mode="aspectFit"  :src='STATIC_URL+"307.png"'></image>
</view>
<text class='rebatePurchase_fd0_1'  >自购返佣</text>
    <view   class='flex flex-wrap align-center rebatePurchase_fd0_0'      >
        </view>

        </view>
<view :style="{height: (88+StatusBarRpx)+'rpx'}"  ></view>
<!---flex布局flex布局开始-->
 <view class="flex benben-flex-layout flex-wrap align-center"    >
        <view>
        <benben-flex-tabs class-name='rebatePurchase_benbenTabsfd1_0'  v-model="type" ref="benben_tabsfd1_0" select-mark="benben_tabsfd1_0" key="benben_tabsfd1_0" :open-title-type='false' :open-sticky='true' :top='88' :is-show-content='true' :scrollspy='false'  :tabs-info.sync="tabsInfofd1_0" @change="SwitchTabsFunc()" >
            
                    <scroll-view
          @scroll="tabsInfofd1_0.scrollX = $event.detail.scrollLeft"
          id="benben_tabsfd1_0"
          class="benben-tabs"
          style="width:750rpx"
          :scroll-x="true"
          :scroll-left.sync="tabsInfofd1_0.moveX"
          scroll-with-animation="all .3s ease"
        >
          <view class="benben-tabs-content" id="benben_tabsfd1_0-content">
            <view id="benben_tabsfd1_0-title" class="benben-tabs-title flex flex align-center justify-around">
                        <view 
                :class="{ 'checkTitlefd1_0': type == '9', 'flex flex-wrap align-center': true }"
                @tap="type = '9'"
                :id="`benben_tabsfd1_0-title-item-${'9'}`"
                
                
              >
                
<text   >自购返佣</text>

              </view>            <view 
                :class="{ 'checkTitlefd1_0': type == '8', 'flex flex-wrap align-center': true }"
                @tap="type = '8'"
                :id="`benben_tabsfd1_0-title-item-${'8'}`"
                
                
              >
                
<text   >分享获利</text>

              </view>
            </view>
            <view :style="{ left: tabsInfofd1_0.lineleft, maxWidth: tabsInfofd1_0.lineWidth ,}" id="benben_tabsfd1_0-line" class="benben-tabs-line flex benben-flex-tabs-line rebatePurchase_linefd1_0"></view>
          </view>
        </scroll-view>
            
        </benben-flex-tabs>
                <view>
                        <view class="benben_tabsfd1_0-body-item flex flex-direction flex-wrap align-stretch"  v-if=" type == '9' " :id="`benben_tabsfd1_0-body-item-${'9'}`">
    <view   class='flex flex-direction flex-wrap align-stretch rebatePurchase_bodyItemfd1_0_c3_c0'      >
            <view   class='flex flex-wrap align-center rebatePurchase_bodyItemfd1_0_c3_c0_c0'      >
            <view   class='flex flex-direction flex-wrap align-stretch flex-sub'      >
            <view   class='flex flex-wrap align-center'      >
        <text class=' rebatePurchase_bodyItemfd1_0_c3_c0_c0_c0_c0_c0'   >
    <text class=' rebatePurchase_price1_bodyItemfd1_0_c3_c0_c0_c0_c0_c0' >{{ dataList.total | frontPrice }}</text>
    <text class=' rebatePurchase_price1_bodyItemfd1_0_c3_c0_c0_c0_c0_c0' >{{ dataList.total | laterPrice }}</text>
</text>
</view>
<text class='rebatePurchase_bodyItemfd1_0_c3_c0_c0_c0_c1'  >累计返佣（元）</text>
</view>
<button class='rebatePurchase_bodyItemfd1_0_c3_c0_c0_c1'  @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/sy/tuijianshangjia/tuijianshangjia`"  >立即赚钱</button>
</view>
    <view   class='flex flex-wrap align-center rebatePurchase_bodyItemfd1_0_c3_c0_c1'      >
            <view   class='flex flex-direction flex-wrap align-center rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0'      >
        <text class=' rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0_c0'   >
    <text class=' rebatePurchase_price1_bodyItemfd1_0_c3_c0_c1_c0_c0' >{{ dataList.today | frontPrice('万') }}</text>
    <text class=' rebatePurchase_price2_bodyItemfd1_0_c3_c0_c1_c0_c0' >{{ dataList.today | laterPrice('万') }}</text>
</text>
<text class='rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0_c1'  >本日返佣(元)</text>
</view>
    <view   class='flex flex-direction flex-wrap align-center rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0'      >
        <text class=' rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0_c0'   >
    <text class=' rebatePurchase_price1_bodyItemfd1_0_c3_c0_c1_c0_c0' >{{ dataList.week | frontPrice('万') }}</text>
    <text class=' rebatePurchase_price2_bodyItemfd1_0_c3_c0_c1_c0_c0' >{{ dataList.week | laterPrice('万') }}</text>
</text>
<text class='rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0_c1'  >本周返佣(元)</text>
</view>
    <view   class='flex flex-direction flex-wrap align-center rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0'      >
        <text class=' rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0_c0'   >
    <text class=' rebatePurchase_price1_bodyItemfd1_0_c3_c0_c1_c0_c0' >{{ dataList.month | frontPrice('万') }}</text>
    <text class=' rebatePurchase_price2_bodyItemfd1_0_c3_c0_c1_c0_c0' >{{ dataList.month | laterPrice('万') }}</text>
</text>
<text class='rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0_c1'  >本月返佣(元)</text>
</view>
    <view   class='flex flex-direction flex-wrap align-center rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0'      >
        <text class=' rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0_c0'   >
    <text class=' rebatePurchase_price1_bodyItemfd1_0_c3_c0_c1_c0_c0' >{{ dataList.last_month | frontPrice('万') }}</text>
    <text class=' rebatePurchase_price2_bodyItemfd1_0_c3_c0_c1_c0_c0' >{{ dataList.last_month | laterPrice('万') }}</text>
</text>
<text class='rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0_c1'  >上月返佣(元)</text>
</view>
</view>
</view>

    <view   class='flex flex-wrap align-center rebatePurchase_bodyItemfd1_0_c3_c1'   @tap="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/wd/IncomeDetail/IncomeDetail?time=1`"   >
        <image class='rebatePurchase_bodyItemfd1_0_c3_c1_c0'  mode="aspectFit"  :src='STATIC_URL+"43.png"'></image>
<text class='rebatePurchase_bodyItemfd1_0_c3_c1_c1'  >返佣明细</text>
<text class='rebatePurchase_bodyItemfd1_0_c3_c1_c2'  >查看全部</text>
<image class='rebatePurchase_bodyItemfd1_0_c3_c1_c3'  mode="aspectFit"  :src='STATIC_URL+"36.png"' @tap.stop="popupShow1687676323479=true" ></image>
</view>
</view>            <view class="benben_tabsfd1_0-body-item flex flex-direction flex-wrap align-stretch"  v-if=" type == '8' " :id="`benben_tabsfd1_0-body-item-${'8'}`">
    <view   class='flex flex-direction flex-wrap align-stretch rebatePurchase_bodyItemfd1_0_c3_c0'      >
            <view   class='flex flex-wrap align-center rebatePurchase_bodyItemfd1_0_c3_c0_c0'      >
            <view   class='flex flex-direction flex-wrap align-stretch flex-sub'      >
            <view   class='flex flex-wrap align-center'      >
        <text class=' rebatePurchase_bodyItemfd1_0_c3_c0_c0_c0_c0_c0'   >
    <text class=' rebatePurchase_price1_bodyItemfd1_0_c3_c0_c0_c0_c0_c0' >{{ dataList.total | frontPrice }}</text>
    <text class=' rebatePurchase_price1_bodyItemfd1_0_c3_c0_c0_c0_c0_c0' >{{ dataList.total | laterPrice }}</text>
</text>
</view>
<text class='rebatePurchase_bodyItemfd1_0_c3_c0_c0_c0_c1'  >累计返佣（元）</text>
</view>
<button class='rebatePurchase_bodyItemfd1_0_c4_c0_c0_c1'  @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/sy/tuijianshangjia/tuijianshangjia`"  >立即赚钱</button>
</view>
    <view   class='flex flex-wrap align-center rebatePurchase_bodyItemfd1_0_c3_c0_c1'      >
            <view   class='flex flex-direction flex-wrap align-center rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0'      >
        <text class='rebatePurchase_bodyItemfd1_0_c4_c0_c1_c0_c0'  >{{dataList.today}}</text>
<text class='rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0_c1'  >本日返佣(元)</text>
</view>
    <view   class='flex flex-direction flex-wrap align-center rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0'      >
        <text class='rebatePurchase_bodyItemfd1_0_c4_c0_c1_c0_c0'  >{{dataList.week}}</text>
<text class='rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0_c1'  >本周返佣(元)</text>
</view>
    <view   class='flex flex-direction flex-wrap align-center rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0'      >
        <text class='rebatePurchase_bodyItemfd1_0_c4_c0_c1_c0_c0'  >{{dataList.month}}</text>
<text class='rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0_c1'  >本月返佣(元)</text>
</view>
    <view   class='flex flex-direction flex-wrap align-center rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0'      >
        <text class='rebatePurchase_bodyItemfd1_0_c4_c0_c1_c0_c0'  >{{dataList.last_month}}</text>
<text class='rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0_c1'  >上月返佣(元)</text>
</view>
</view>
</view>

    <view   class='flex flex-direction flex-wrap align-stretch rebatePurchase_bodyItemfd1_0_c4_c1'      >
            <view   class='flex flex-wrap align-center rebatePurchase_bodyItemfd1_0_c4_c1_c0'      >
        <image class='rebatePurchase_bodyItemfd1_0_c3_c1_c0'  mode="aspectFit"  :src='STATIC_URL+"43.png"'></image>
<text class='rebatePurchase_bodyItemfd1_0_c3_c1_c1'  >7日柱状图</text>
</view>
<view class=" rebatePurchase_bodyItemfd1_0_c4_c1_c1" >
  <qiun-data-charts  chart-type='1' type='column' :opts='chartsOptsbodyItemfd1_0_c4_c1_c1' :chart-data="dataechat.Column"/>
</view>
</view>

    <view   class='flex flex-wrap align-center rebatePurchase_bodyItemfd1_0_c3_c1'   @tap="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/wd/balanceDetail/balanceDetail`"   >
        <image class='rebatePurchase_bodyItemfd1_0_c3_c1_c0'  mode="aspectFit"  :src='STATIC_URL+"43.png"'></image>
<text class='rebatePurchase_bodyItemfd1_0_c3_c1_c1'  >获利明细</text>
<text class='rebatePurchase_bodyItemfd1_0_c3_c1_c2'  >查看全部</text>
<image class='rebatePurchase_bodyItemfd1_0_c3_c1_c3'  mode="aspectFit"  :src='STATIC_URL+"36.png"' @tap.stop="popupShow1687676323479=true" ></image>
</view>

    <view   class='flex flex-direction flex-wrap align-stretch rebatePurchase_bodyItemfd1_0_c4_c3'    v-if= " type=='8'"  >
            <template v-for = '(item,key0) in dataMoneyList'>
    <view   class='flex flex-wrap align-center rebatePurchase_bodyItemfd1_0_c4_c3_c0'       :key='key0'>
            <view   class='flex flex-direction flex-wrap align-stretch flex-sub'      >
        <text class='rebatePurchase_bodyItemfd1_0_c4_c3_c0_c0_c0'  >{{item.remark}}</text>
<text class='rebatePurchase_bodyItemfd1_0_c4_c3_c0_c0_c1'  >{{item.create_time}}</text>
</view>
<text class='rebatePurchase_bodyItemfd1_0_c4_c3_c0_c1'    v-if= "item.money_type=='1'"  >+</text><text class='rebatePurchase_bodyItemfd1_0_c4_c3_c0_c1_1'    v-if= "item.money_type=='2'"  >-</text>
<text class='rebatePurchase_bodyItemfd1_0_c4_c3_c0_c1'    v-if= "item.money_type=='1'"  >{{item.change_money}}</text><text class='rebatePurchase_bodyItemfd1_0_c4_c3_c0_c1_1'    v-if= "item.money_type=='2'"  >{{item.change_money}}</text>
</view>
    </template>
    <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData" :listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty>
</view>
</view>
        </view>
</view>
</view>
        
<!---flex布局flex布局结束-->
<!---收益明细-收益flex布局开始-->
 <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout"   v-if= " type=='9'" >
            <view   class='flex flex-direction flex-wrap align-stretch rebatePurchase_fd2_0'      >
            <template v-for = '(item,key0) in backDataList'>
    <view   class='flex flex-direction flex-wrap align-stretch rebatePurchase_fd2_0_c0'   @tap="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/wd/settleAccountsInfo/settleAccountsInfo`"    :key='key0'>
        <text class='rebatePurchase_fd2_0_c0_c0'  >{{item.create_time}}</text>
    <view   class='flex flex-wrap align-center rebatePurchase_fd2_0_c0_c1'      >
        <text class='rebatePurchase_fd2_0_c0_c1_c0'  >{{$t('收益金额：')}}</text>
<text class='rebatePurchase_fd2_0_c0_c1_c0'  >{{$t('￥')}}</text>
<text class='flex-sub rebatePurchase_fd2_0_c0_c1_c0'      >{{item.detail_bonus}}</text>
<text class='rebatePurchase_fd2_0_c0_c1_c3'    v-if= "item.is_settle=='0'"  >{{$t('待结算')}}</text><text class='rebatePurchase_fd2_0_c0_c1_c3'    v-if= "item.is_settle=='1'"  >已结算</text>
</view>
    <view   class='flex flex-wrap align-center'      >
        <text class='rebatePurchase_fd2_0_c0_c2_c0'  >{{$t('订单编号：')}}</text>
<text class='rebatePurchase_fd2_0_c0_c2_c0'  >{{item.order_sn}}</text>
</view>
    <view   class='flex flex-wrap align-center rebatePurchase_fd2_0_c0_c3'      >
        <text class='rebatePurchase_fd2_0_c0_c2_c0'  >{{$t('订单金额：')}}</text>
<text class='rebatePurchase_fd2_0_c0_c2_c0'  >{{$t('￥')}}</text>
<text class='rebatePurchase_fd2_0_c0_c2_c0'  >{{item.order_total}}</text>
</view>
    <view   class='flex flex-wrap align-center rebatePurchase_fd2_0_c0_c4'      >
            <view        >
        <text class='rebatePurchase_fd2_0_c0_c4_c0_c0'  >购买</text>
<text class='rebatePurchase_fd2_0_c0_c4_c0_c0'  >{{item.goods_name}}</text>
<text class='rebatePurchase_fd2_0_c0_c4_c0_c0'    v-if= " child.is_settle==0"  >，预计获得返佣</text><text class='rebatePurchase_fd2_0_c0_c4_c0_c2_1'    v-if= " child.is_settle!=0"  >，获得返佣</text>
<text class='rebatePurchase_fd2_0_c0_c4_c0_c0'  >{{item.detail_bonus}}</text>
<text class='rebatePurchase_fd2_0_c0_c4_c0_c0'  >元</text>
</view>
</view>
</view>
    </template>
    <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData" :listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty>
</view>
</view>
        
<!---收益明细-收益flex布局结束-->
<benben-popup v-model="popupShow1691659233892" :mask="true" :mask-close-able="false"  mode='center' >
    <!---flex布局flex布局开始-->
 <view class="flex benben-flex-layout flex-wrap align-center"    >
        <benben-calendar-diy  mode='range' year-arrow-color='#666666' month-arrow-color='#666666' start-text='开始' end-text='结束' active-bg-color='rgba(41,121,255,1)' range-bg-color='rgba(41,121,255,0.13)' :change-title='true' :change-year='true' :change-month='true' class='rebatePurchase_fd3_0'  @change="queryListFunc()"  :start-time.sync="start_time" :end-time.sync="end_time"></benben-calendar-diy>
</view>
        
<!---flex布局flex布局结束-->
    
</benben-popup>
    
    
        </view>
    </view>
</template>
<script>
    import pagingList from '@/common/mixin/paging_list.js';
import {validate} from '@/common/utils/validate.js'
    export default {
        components:{},
        mixins: [pagingList],
        
        data(){
			return {"popupShow1691659233892":false,"tabsInfofd1_0":{ lineleft: '', lineWidth: '', moveX: 0, scrollX: 0, PageScrollX: 0 },"chartsOptsbodyItemfd1_0_c4_c1_c1":{"extra":{"column":{"type":"stack"}}},"minixPagingListsApi":"","pageingListApiMethod":"","allowOnloadGetList":false,"create_time":"","end_time":"","dataList":{"total":"","today":"","week":"","month":"","last_month":"","arr_discounts":[],"arr_keys":[]},"dataechat":{"Column":{}},"dataMoneyList":[],"start_time":"","tabs":"all","backDataList":[],"type":"9","time":""};
		},
		computed:{
            themeColor() {
              return this.$store.getters.themeColor
            },
            
		},
		watch:{},
		onLoad(options){
            let {type,time}=options
if (type !== undefined) this.type = type
if (time !== undefined) this.time = time
this.SwitchTabsFunc()
this.dateTransFunc()
		},
        onUnload() {
                
        },
		onReady(){
            
		},
		onShow(){
            
		},
		onHide(){
            
		},
		onResize(){
            
		},
		onPullDownRefresh(){
            this.SwitchTabsFunc()
this.dateTransFunc()
		},
		onReachBottom(e){
            
		},
		onPageScroll(e){
            
		},
		methods:{
                            //切换tabs
                 SwitchTabsFunc(){
                                        this.getThumbListFunc()
                    this.getMessageFunc()
    if( this.type=='9'){
                            this.queryListFunc()
    }
    else{
                            this.getMoneyListFunc()
    }
   this.create_time = '';
   this.end_time = '';
    this.popupShow1691659233892 = false;
                },
                //获取图表数据
                async getThumbListFunc(){
                        //请求方法
    //数据验证
    
  let datadataechat = await this.$api.post(global.apiUrls.post649aae2f3902e, {
    type:this.type
  });
  
  if (datadataechat.data.code != 1) {
    this.$message.info(datadataechat.data.msg);
    return
  } 
  let infodataechat = datadataechat.data;
  this.dataechat = infodataechat.data
  
                },
                //获取金额列表
                 getMoneyListFunc(){
                                    this.minixPagingListsApi = global.apiUrls.post636dfee37deef;
                this.pageingListApiMethod = 'get';
                this.allowOnloadGetList = false;
                this.pagingListPostDataContent = {create_time:this.create_time,end_time:this.end_time,change_type:this.type}
                this.listData = [];
                this.dataMoneyList = this.listData;
                this.pagingListToggle();
                
                },
                //钱包-获取分享赚/自购返统计数据
                async getMessageFunc(){
                        //请求方法
    //数据验证
    
  let datadataList = await this.$api.get(global.apiUrls.post6422f2503d690, {
    type:this.type
  });
  
  if (datadataList.data.code != 1) {
    this.$message.info(datadataList.data.msg);
    return
  } 
  let infodataList = datadataList.data;
  this.dataList = infodataList.data
  
                },
                //分销列表
                 queryListFunc(){
                                    this.minixPagingListsApi = global.apiUrls.post62fb89d7689da;
                this.pageingListApiMethod = 'get';
                this.allowOnloadGetList = false;
                this.pagingListPostDataContent = {start_time:this.start_time,end_time:this.end_time,is_settle:this.tabs}
                this.listData = [];
                this.backDataList = this.listData;
                this.pagingListToggle();
                
    this.popupShow1691659233892 = false;
                },
                //获取本月时间
                 dateTransFunc(){
                        if( this.time!=''){
            let date = new Date()
        let year = date.getFullYear();
        let month = date.getMonth() + 1;
        let day = date.getDate();

        month = (month > 9) ? month : ("0" + month);
        day = (day < 10) ? ("0" + day) : day;
        this.end_time = year + "-" + month + "-" + day;
        if(this.time == 'day'){
          this.start_time = this.end_time
        } else {
          this.start_time = year + "-" + month + "-01";
        }
    }
                    this.queryListFunc()
                },
                pagingListPostData(){
                    return this.pagingListPostDataContent
                }
		}
    };
</script> 
<style lang="scss" scoped>
           .page{
            width: 100vw;
            overflow-x: hidden;
            min-height: calc(100vh - var(--window-bottom));
            background:url(image-path('22.png')) no-repeat;background-size: 100% auto;
        }
    .rebatePurchase_flex_0{
        background:url(image-path('22.png')) no-repeat;width:750rpx;height:88rpx;overflow:hidden;z-index:10;top:0rpx;background-size:100% auto !important;
    }
    .rebatePurchase_fd0_1{
        color:#fff;font-size:36rpx;font-weight:500;line-height:50rpx;
    }
    .rebatePurchase_fd0_0_c0{
        width:20rpx;height:36rpx;border-radius:0rpx 0rpx 0rpx 0rpx;margin:0rpx 0rpx 0rpx 32rpx;
    }
    .rebatePurchase_fd0_0{
        width:100rpx;height:88rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c4_c3_c0_c1_1{
        color:#333;font-size:32rpx;font-weight:700;line-height:39rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c4_c3_c0_c1{
        color:var(--benbenFontColor7);font-size:32rpx;font-weight:700;line-height:39rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c4_c3_c0_c0_c1{
        color:#BFBFBF;font-size:24rpx;font-weight:400;line-height:33rpx;margin:8rpx 0rpx 0rpx 0rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c4_c3_c0_c0_c0{
        color:#333333;font-size:28rpx;font-weight:400;line-height:40rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c4_c3_c0{
        border-bottom:1px solid rgba(238, 238, 238, 1);margin:24rpx 0rpx 0rpx 0rpx;padding:0rpx 0rpx 24rpx 0rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c4_c3{
        background:#FFFFFF;border-radius:16rpx 16rpx 16rpx 16rpx;margin:0rpx 24rpx 0rpx 24rpx;padding:0rpx 24rpx 0rpx 24rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c4_c1_c1{
        width:654rpx;height:300rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c4_c1_c0{
        border-bottom:1px solid rgba(238, 238, 238, 1);padding:0rpx 0rpx 24rpx 0rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c4_c1{
        background:#FFFFFF;border-radius:16rpx 16rpx 16rpx 16rpx;margin:24rpx 24rpx 0rpx 24rpx;padding:20rpx 24rpx 20rpx 24rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c4_c0_c1_c0_c0{
        color:var(--benbenFontColor7);font-size:36rpx;font-weight:700;line-height:44rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c4_c0_c0_c1{
        background:var(--benbenbgColor7);border-radius:32rpx 32rpx 32rpx 32rpx;font-size:24rpx;color:#fff;width:200rpx;height:64rpx;line-height:70rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c3_c1_c3{
        width:10rpx;height:18rpx;border-radius:0rpx 0rpx 0rpx 0rpx;margin:0rpx 0rpx 0rpx 08rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c3_c1_c2{
        margin:0rpx 0rpx 0rpx auto;font-size:24rpx;color:var(--benbenFontColor2);
    }
    .rebatePurchase_bodyItemfd1_0_c3_c1_c1{
        color:#333333;font-size:32rpx;font-weight:500;line-height:45rpx;margin:0rpx 0rpx 0rpx 16rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c3_c1_c0{
        width:6rpx;height:24rpx;border-radius:0rpx 0rpx 0rpx 0rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c3_c1{
        margin:32rpx 24rpx 24rpx 24rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0_c1{
        color:#666666;font-size:24rpx;font-weight:400;line-height:33rpx;margin:16rpx 0rpx 0rpx 0rpx;
    }
    .rebatePurchase_price2_bodyItemfd1_0_c3_c0_c1_c0_c0{
        font-size:28rpx;
    }
    .rebatePurchase_price1_bodyItemfd1_0_c3_c0_c1_c0_c0{
        font-size:32rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0_c0{
        color:#ff5536;font-weight:600;
    }
    .rebatePurchase_bodyItemfd1_0_c3_c0_c1_c0{
        width:25%;padding:40rpx 0rpx 0rpx 0rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c3_c0_c1{
        margin:0rpx 18rpx 0rpx 18rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c3_c0_c0_c1{
        background:var(--benbenbgColor7);border-radius:32rpx 32rpx 32rpx 32rpx;font-size:24rpx;color:#fff;width:200rpx;height:64rpx;line-height:64rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c3_c0_c0_c0_c1{
        color:#666666;font-size:28rpx;font-weight:400;line-height:40rpx;margin:12rpx 0rpx 0rpx 0rpx;
    }
    .rebatePurchase_price1_bodyItemfd1_0_c3_c0_c0_c0_c0_c0{
        font-size:48rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c3_c0_c0_c0_c0_c0{
        color:var(--benbenFontColor7);font-weight:700;
    }
    .rebatePurchase_bodyItemfd1_0_c3_c0_c0{
        border-bottom:1px solid rgba(238, 238, 238, 1);margin:0rpx 32rpx 0rpx 32rpx;padding:0rpx 0rpx 36rpx 0rpx;
    }
    .rebatePurchase_bodyItemfd1_0_c3_c0{
        background:#FFFFFF;border-radius:16rpx 16rpx 16rpx 16rpx;margin:24rpx 24rpx 0rpx 24rpx;padding:36rpx 0rpx 40rpx 0rpx;
    }
    .rebatePurchase_linefd1_0{
        background:rgba(255, 255, 255, 1);width:35rpx;height:6rpx;top:76rpx;background-size:100% auto !important;border-radius:3rpx 3rpx 3rpx 3rpx;
    }
    .checkTitlefd1_0{
        font-weight:700 !important;font-size:32rpx !important;color:rgba(255, 255, 255, 1) !important;
    }
    ::v-deep .rebatePurchase_benbenTabsfd1_0{
        background:var(--benbenbgColor4);width:750rpx;height:90rpx;white-space:nowrap;text-align:center;font-size:32rpx;font-weight:400;color:rgba(255, 255, 255, 0.61);background-size:100% auto !important;
    }
    .rebatePurchase_fd2_0_c0_c4_c0_c2_1{
        color:var(--benbenFontColor5);font-size:24rpx;font-weight:400;line-height:30rpx;margin:24rpx 0rpx 32rpx 0rpx;
    }
    .rebatePurchase_fd2_0_c0_c4_c0_c0{
        color:var(--benbenFontColor5);font-size:24rpx;font-weight:400;line-height:30rpx;
    }
    .rebatePurchase_fd2_0_c0_c4{
        margin:24rpx 0rpx 32rpx 0rpx;
    }
    .rebatePurchase_fd2_0_c0_c3{
        border-bottom:1px solid rgba(238, 238, 238, 1);margin:16rpx 0rpx 0rpx 0rpx;padding:0rpx 0rpx 24rpx 0rpx;
    }
    .rebatePurchase_fd2_0_c0_c2_c0{
        color:#666666;font-size:22rpx;font-weight:400;line-height:30rpx;
    }
    .rebatePurchase_fd2_0_c0_c1_c3{
        color:var(--benbenFontColor5);font-size:28rpx;font-weight:400;line-height:30rpx;
    }
    .rebatePurchase_fd2_0_c0_c1_c0{
        color:#333333;font-size:28rpx;font-weight:600;line-height:30rpx;
    }
    .rebatePurchase_fd2_0_c0_c1{
        margin:16rpx 0rpx 16rpx 0rpx;
    }
    .rebatePurchase_fd2_0_c0_c0{
        color:var(--benbenFontColor5);font-size:24rpx;font-weight:700;line-height:33rpx;
    }
    .rebatePurchase_fd2_0_c0{
        background:#FFFFFF;border-radius:16rpx 16rpx 16rpx 16rpx;padding:32rpx 24rpx 0rpx 24rpx;margin:0rpx 0rpx 20rpx 0rpx;
    }
    .rebatePurchase_fd2_0{
        padding:20rpx 24rpx 20rpx 24rpx;
    }
    .rebatePurchase_fd3_0{
        background:#ffffff;width:622rpx;border-radius:24rpx;padding:12rpx 012rpx 012rpx 012rpx;
    }
</style>